import { Text, View } from "@tarojs/components";
import { Arrow } from "@taroify/icons";
import FilterContent from "./components/filterContent";
import MainContent from "./components/mainContent";
import { Textarea, Field, Button } from "@taroify/core";
import Taro from "@tarojs/taro";

const CheckFill: React.FC = () => {
  return (
    <View className="w-full h-full flex flex-col">
      <View className="flex w-full bg-white px-5 py-2">
        <View className="flex w-1/3">
          <View className="w-5 h-5 bg-blue-500 rounded-full text-white flex items-center justify-center">
            1
          </View>
          <Text className="pl-2 flex-nowrap">检查填报</Text>
          <Arrow className="pl-2" />
        </View>
        <View className="flex w-1/3">
          <View className="w-5 h-5 bg-blue-500 opacity-50 rounded-full text-white flex items-center justify-center">
            2
          </View>
          <Text className="pl-2 flex-nowrap opacity-50">自查结论</Text>
          <Arrow className="pl-2" />
        </View>
        <View className="flex w-1/3">
          <View className="w-5 h-5 bg-blue-500 opacity-50 rounded-full text-white flex items-center justify-center">
            3
          </View>
          <Text className="pl-2 flex-nowrap opacity-50">信息提交</Text>
        </View>
      </View>
      <View className="bg-slate-100">
        <FilterContent />
        <MainContent />
        <View className="px-3 pb-3">
          <View className=" text-amber-900 text-base font-semibold pb-2">
            其他问题
          </View>
          <View className="p-3 bg-white rounded-lg">
            <View className="pb-2">
              <Text>其他问题：</Text>
            </View>
            <View className="w-full px-3 rounded border border-slate-300 ">
              <Field align="start">
                <Textarea autoHeight placeholder="请输入" />
              </Field>
            </View>
          </View>
        </View>
        <View className="flex p-3 gap-3">
          <Button color="primary" className="flex-1">
            暂存
          </Button>
          <Button color="primary" className="flex-1" onClick={()=>{Taro.navigateTo({
              url: "/pages/IntelFilling/components/DayReport/components/selfConclusion/index",
            });}}>
            确认并下一步
          </Button>
        </View>
      </View>
    </View>
  );
};

export default CheckFill;
